<!--

/*
* Copyright (C) 2005-2013 University of Sydney
*
* Licensed under the GNU License, Version 3.0 (the "License"); you may not use this file except
* in compliance with the License. You may obtain a copy of the License at
*
* http://www.gnu.org/licenses/gpl-3.0.txt
*
* Unless required by applicable law or agreed to in writing, software distributed under the License
* is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
* or implied. See the License for the specific language governing permissions and limitations under
* the License.
*/

/**
* selectRecordType.html
* to select rectypes one (for filedsetmarker) or many (for relmarker, resource) while editing of detail type
*
* @author      Tom Murtagh
* @author      Kim Jackson
* @author      Ian Johnson   <ian.johnson@sydney.edu.au>
* @author      Stephen White   <stephen.white@sydney.edu.au>
* @author      Artem Osmakov   <artem.osmakov@sydney.edu.au>
* @copyright   (C) 2005-2013 University of Sydney
* @link        http://Sydney.edu.au/Heurist
* @version     3.1.0
* @license     http://www.gnu.org/licenses/gpl-3.0.txt GNU License 3.0
* @package     Heurist academic knowledge management system
* @subpackage  !!!subpackagename for file such as Administration, Search, Edit, Application, Library
*/

-->

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<title>Heurist - Select Record Types</title>

		<link rel="icon" href="../../../favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="../../../favicon.ico" type="image/x-icon">

		<link rel="stylesheet" type="text/css" href="../../../common/css/global.css">
		<link rel="stylesheet" type="text/css" href="../../../common/css/edit.css">
    	<link rel="stylesheet" type="text/css" href="../../../common/css/admin.css">

		<!-- YUI -->
		<link rel="stylesheet" type="text/css" href="../../../external/yui/2.8.2r1/build/fonts/fonts-min.css" />
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/element/element-min.js"></script>
		<!--script type="text/javascript" src="../../../external/yui/2.8.2r1/build/history/history-min.js"></script-->

		<!-- DATATABLE DEFS -->
		<link type="text/css" rel="stylesheet" href="../../../external/yui/2.8.2r1/build/datatable/assets/skins/sam/datatable.css">
		<!-- datatable Dependencies -->
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/datasource/datasource-min.js"></script>
		<!-- OPTIONAL: Drag Drop (enables resizeable or reorderable columns) -->
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/dragdrop/dragdrop-min.js"></script>
		<!-- Source files -->
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/datatable/datatable-min.js"></script>
		<!-- END DATATABLE DEFS-->

		<!-- PAGINATOR -->
		<link rel="stylesheet" type="text/css" href="../../../external/yui/2.8.2r1/build/paginator/assets/skins/sam/paginator.css">
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/paginator/paginator-min.js"></script>
		<!-- END PAGINATOR -->

		<!-- OVERLAYS
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/button/button-min.js"></script>
		<script type="text/javascript" src="../../../external/yui/2.8.2r1/build/container/container-min.js"></script>
		END OVERLAYS -->

		<script type="text/javascript" src="../../../external/jquery/jquery.js"></script>
		<!--
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
		-->

		<style type="text/css">
			.tooltip {
				position:absolute;
				z-index:999;
				left:-9999px;
				top:0px;
				background-color:#dedede;
				padding:5px;
				border:1px solid #fff;
				min-width:200;
			}

			.yui-skin-sam .yui-dt td {
				margin:0;padding:0;
				border:none;
				text-align:left;
			}
			.yui-skin-sam .yui-dt-list td {
				border-right:none; /* disable inner column border in list mode */
			}
			.yui-dt table {
    				width: 400;
			}
            
            .input-row label {width: auto;color: black;margin: 0 10px 0 0;padding: 0;}
            #filtertoolbar .input-cell select { margin-right:10px}
            .input-row .input-header-cell {vertical-align:baseline}
            .input-row div.input-header-cell {width:100px}
            
			#filtertoolbar .input-row div.input-header-cell {min-width:70px}
			#filtertoolbar .input-row label {min-width:70px; width:70px}
		</style>

	</head>


	<body class="popup yui-skin-sam" style="overflow: scroll;">

		<script type="text/javascript" src="../../../common/js/utilsLoad.js"></script>
		<script type="text/javascript" src="../../../common/js/utilsUI.js"></script>
		<script src="../../../common/php/loadCommonInfo.php"></script>
		<script type="text/javascript" src="selectRectype.js"></script>

		<div class="tooltip" id="toolTip2"><p>popup popup</p></div>

		<div style="width:400;margin:auto;">
            <div id="filtertoolbar">
                <div class="input-row">
                    <div class="input-header-cell">
                        Filter by group
                    </div>
                    <div class="input-cell">
                        <select id="inputFilterByGroup" name="inputFilterByGroup" size="1" style="width:138px;">
                                <option value="all">all groups</option>
                        </select>
                    </div>
                </div>
                
                <div class="input-row">
                    <div class="input-header-cell">
                        Filter by name
                    </div>
                    <div class="input-cell">
                        <input type="text" id="inputFilterByName" name="inputFilterByName" style="width:40px;" value=""/>
                    </div>
                </div>
                
	            <div class="input-row">
		            <div style="display:inline-block;" class="input-header-cell" id="divFilterBySelectionLbl">
			            Show
		            </div>
		            <div style="display:inline-block;" id="divFilterBySelection">
			            <input type="radio" id="inputFilterBySelection1" name="inputFilterBySelection" value="all" checked="checked"/><label for="inputFilterBySelection1" style="text-align:left; width:20px; min-width:20px;">All</label>
			            <input type="radio" id="inputFilterBySelection2" name="inputFilterBySelection" value="selonly"/><label for="inputFilterBySelection2" style="text-align:left">Selected</label>
			            <a href="#" id="btnClearSelection" style="min-width:7ex;" title="clear selection">clear</a>
                        <a href="#" id="btnAllSelection" style="min-width:7ex;display: none;" title="select all">all</a>
                    </div>
                    
	              <div id="divDefineNew" style="float:right;text-align:right;">
	                <input type="button" style="min-width:11ex;" value="Define New" onClick="{selectRecordType.onDefineNewType();}" title="Create a completely new record type - it is preferable to use an existing type (choose below and Insert Selected) before creating a new record type." />
	              </div>
	            </div>
            </div>		

		    <div id="tb_top" style="height:30">
			    <div style="display:inline-block; max-width:150;"><div id="dt_pagination_top"></div></div>
			    <div style="float:right; text-align:right;padding-top:5px;">
				    <label id="lblSelect1"></label>
				    <!-- input type="button" tabindex="12" value="Cancel" onclick="selectRecordType.cancel();" / -->
				    <input type="button" tabindex="11" id="btnApply1" value="Insert Selected" onclick="selectRecordType.returnSelection();" />
			    </div>
		    </div>

		    <div id="tabContainer">
			    <script  type="text/javascript">
			        //  starts initialization on load completion of this window
				        //
			        function createSelectorObj(){
				        selectRecordType = new  SelectRecordType(false, true); //nonfilter, in window
			        }
			        YAHOO.util.Event.addListener(window, "load", createSelectorObj);
			    </script>
		    </div>

		    <div id="tb_bottom" style="height:30">
			    <div style="display:inline-block;"><div id="dt_pagination_bottom"></div></div>
			    <div style="float:right; text-align:right;padding-top:5px">
				    <label id="lblSelect2"></label>
				    <!-- input type="button" tabindex="12" value="Cancel" onclick="selectRecordType.cancel();" / -->
				    <input type="button" tabindex="11" id="btnApply2" value="Insert Selected" onclick="selectRecordType.returnSelection();" />
			    </div>
		    </div>
		</div>
	</body>
</html>